<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>商品列表页</title>
    <link rel="stylesheet" href="__STATIC__/before/style/base.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/before/style/global.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/before/style/header.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/before/style/bottomnav.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/before/style/footer.css" type="text/css">

    <link rel="stylesheet" href="__STATIC__/before/style/list.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/before/style/common.css" type="text/css">
    <script type="text/javascript" src="__STATIC__/before/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="__STATIC__/before/js/header.js"></script>
    <script type="text/javascript" src="__STATIC__/before/js/list.js"></script>
    <style type="text/css">
        .pagination { text-align:center; margin: 20px 0; margin-left: 800px; border-radius: 4px; }
        .pagination li { display: inline; }
        .pagination li a,.pagination li span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
        .pagination li:first-child a { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
        .pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
        .pagination li a:hover, .pagination li a:focus { background-color: #eee; }
        .pagination .active span, .pagination .active span:hover, .pagination .active span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; }
        .pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
        .pagination-lg li a { padding: 10px 16px; font-size: 18px; }
        .pagination-sm li a, .pagination-sm li span { padding: 5px 10px; font-size: 12px; }
    </style>
</head>
<body>
<!-- 顶部导航 start -->
{include file="public/topnav" /}
<!-- 顶部导航 end -->

<div style="clear:both;"></div>

<!-- 头部 start -->
<div class="header w1210 bc mt15">
    <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
    {include file="public/top-header" /}
    <!-- 头部上半部分 end -->

    <div style="clear:both;"></div>

    <!-- 导航条部分 start -->
    {include file="public/nav-different" /}
    <!-- 导航条部分 end -->
</div>
<!-- 头部 end-->

<div style="clear:both;"></div>

<!-- 列表主体 start -->
<div class="list w1210 bc mt10">
    <!-- 面包屑导航 start -->
    <div class="breadcrumb">
        <h2>当前位置：<a href="">首页</a> > <a href="">电脑、办公</a></h2>
    </div>
    <!-- 面包屑导航 end -->

    <!-- 左侧内容 start -->
    <div class="list_left fl mt10">
        <!-- 分类列表 start -->
        <div class="catlist">
            <h2>电脑、办公</h2>
            <div class="catlist_wrap">
                <div class="child">
                    <h3 class="on"><b></b>电脑整机</h3>
                    <ul>
                        <li><a href="">笔记本</a></li>
                        <li><a href="">超极本</a></li>
                        <li><a href="">平板电脑</a></li>
                    </ul>
                </div>

                <div class="child">
                    <h3><b></b>电脑配件</h3>
                    <ul class="none">
                        <li><a href="">CPU</a></li>
                        <li><a href="">主板</a></li>
                        <li><a href="">显卡</a></li>
                    </ul>
                </div>

            </div>

            <div style="clear:both; height:1px;"></div>
        </div>
        <!-- 分类列表 end -->

        <div style="clear:both;"></div>

        <!-- 新品推荐 start -->
        <div class="newgoods leftbar mt10">
            <h2><strong>新品推荐</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    {notempty name="new_recommend"}
                    {foreach $new_recommend as $new}
                    <li>
                        <dl>
                            <dt><a href="{:url('index/Goods/goodsInfo',['id'=>$new['id']])}"><img src="__STATIC__/before/images/{$new['attribute'][0]['img_url']}" alt="" /></a></dt>
                            <dd><a href="{:url('index/Goods/goodsInfo',['id'=>$new['id']])}">{$new['goods_name']}</a></dd>
                            <dd><strong>￥{$new['attribute'][0]['purchase_price']}</strong></dd>
                        </dl>
                    </li>
                    {/foreach}
                    {/notempty}
                </ul>
            </div>
        </div>
        <!-- 新品推荐 end -->

        <!--热销排行 start -->
        <div class="hotgoods leftbar mt10">
            <h2><strong>热销排行榜</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    <li></li>
                </ul>
            </div>
        </div>
        <!--热销排行 end -->

        <!-- 最近浏览 start -->
        <div class="viewd leftbar mt10">
            <h2><a href="">清空</a><strong>最近浏览过的商品</strong></h2>
            <div class="leftbar_wrap">
                <dl>
                    <dt><a href=""><img src="__STATIC__/before/images/hpG4.jpg" alt="" /></a></dt>
                    <dd><a href="">惠普G4-1332TX 14英寸笔记...</a></dd>
                </dl>

                <dl class="last">
                    <dt><a href=""><img src="__STATIC__/before/images/crazy4.jpg" alt="" /></a></dt>
                    <dd><a href="">直降200元！TCL正1.5匹空调</a></dd>
                </dl>
            </div>
        </div>
        <!-- 最近浏览 end -->
    </div>
    <!-- 左侧内容 end -->

    <!-- 列表内容 start -->
    <div class="list_bd fl ml10 mt10">
        <!-- 热卖、促销 start -->
        <div class="list_top">
            <!-- 热卖推荐 start -->
            <div class="hotsale fl">
                <h2><strong><span class="none">热卖推荐</span></strong></h2>
                <ul>
                    {notempty name="hot_recommend"}
                    {foreach $hot_recommend as $hot}

                    <li>
                        <dl>
                            <dt><a href="{:url('index/Goods/goodsInfo',['id'=>$hot['id']])}"><img src="__STATIC__/before/images/{$hot['attribute'][0]['img_url']}" alt="" /></a></dt>
                            <dd class="name"><a href="">{$hot.goods_name}</a></dd>
                            <dd class="price">特价：<strong>￥{$hot['attribute'][0]['purchase_price']}</strong></dd>
                            <dd class="buy"><span>立即抢购</span></dd>
                        </dl>
                    </li>

                    {/foreach}
                    {/notempty}
                </ul>
            </div>
            <!-- 热卖推荐 end -->

            <!-- 促销活动 start -->
            <div class="promote fl">
                <h2><strong><span class="none">促销活动</span></strong></h2>
                <ul>
                    <li><b>.</b><a href="">DIY装机之向雷锋同志学习！</a></li>
                    <li><b>.</b><a href="">京东宏碁联合促销送好礼！</a></li>
                    <li><b>.</b><a href="">台式机笔记本三月巨惠！</a></li>
                    <li><b>.</b><a href="">富勒A53g智能人手识别鼠标</a></li>
                    <li><b>.</b><a href="">希捷硬盘白色情人节专场</a></li>
                </ul>

            </div>
            <!-- 促销活动 end -->
        </div>
        <!-- 热卖、促销 end -->

        <div style="clear:both;"></div>


        <!-- 商品筛选 start -->
        <div class="filter mt10">
            <h2><a href="">重置筛选条件</a> <strong>商品筛选</strong></h2>
            <div class="filter_wrap">
                <dl>
                    <dt>品牌：</dt>
                    <dd ><a href="{:url('Goods/goodsList', ['id'=>$id, 'brand_id'=>''])}">不限</a></dd>
                    {foreach $brand as $brands}
                    <dd><a  href="{:url('Goods/goodsList', ['id'=>$id, 'brand_id'=>$brands.id])}">{$brands.brand_name}</a></dd>
                    {/foreach}
                </dl>
            </div>
        </div>
        <!-- 商品筛选 end -->

        <div style="clear:both;"></div>

        <!-- 排序 start -->
        <div class="sort mt10">
            <dl>
                <dt>排序：</dt>
                <dd class="cur"><a href="{:url('Goods/goodsList', ['id'=>$id, 'order_sales'=>1])}">销量</a></dd>
                <dd><a href="{:url('Goods/goodsList', ['id'=>$id, 'order_price'=>1])}">价格</a></dd>
                <dd><a href="{:url('Goods/goodsList', ['id'=>$id, 'order_time'=>1])}">上架时间</a></dd>
            </dl>
        </div>
        <!-- 排序 end -->

        <div style="clear:both;"></div>

        <!-- 商品列表 start-->
        <div class="goodslist mt10">
            <ul>
                {foreach $goods as $date}
                <li>
                    <dl>
                        <dt><a href="{:url('index/Goods/goodsInfo',['id'=>$date['id']])}"><img src="__STATIC__/before/images/{$date['img_url']}" alt="" /></a></dt>
                        <dd><a href="{:url('index/Goods/goodsInfo',['id'=>$date['id']])}">{$date['goods_name']}</a></dt>
                        <dd><strong>￥{$date['purchase_price']}</strong></dt>
                        <dd><a href="{:url('index/Goods/goodsInfo',['id'=>$date['id']])}"><em>已有{$date.comments_count}人评价</em></a></dt>
                    </dl>
                </li>
                {/foreach}
            </ul>
        </div>
        <!-- 商品列表 end-->

        <!-- 分页信息 start -->
        <div class="page mt20">
            {:pagination($goods)}

        </div>
        <!-- 分页信息 end -->
    </div>
    <!-- 列表内容 end -->
</div>
<!-- 列表主体 end-->

<div style="clear:both;"></div>
<!-- 底部导航 start -->
{include file="public/bottomnav" /}
<!-- 底部导航 end -->

<div style="clear:both;"></div>
<!-- 底部版权 start -->
<div class="footer w1210 bc mt10">
    {include file="public/footer" /}
</div>
<!-- 底部版权 end -->


</body>
</html>